import React, {
	PureComponent
} from 'react';
import {
	connect
} from 'react-redux';
import {
	RecommendWrapper,
	RecommendItem
} from '../style';

class Recommend extends PureComponent {
	render() {
		const {
			list
		} = this.props;
		return (
			<RecommendWrapper>
			{
				list.map((item) => ((
					<RecommendItem key={item.get('id')} imgUrl = {item.get('imgUrl')} />
				)))
			}
			</RecommendWrapper>
		)
	}
}

const mapStateToProps = (state) => ({
	list: state.getIn(['home', 'recommendList'])
})

export default connect(mapStateToProps, null)(Recommend);